<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8" />
        <title>¿Qué hacemos hoy? Sign in</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <meta content="" name="description" />
        <meta content="" name="author" />
        <link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.dropotron.min.js"></script>
        <script src="js/jquery.scrolly.min.js"></script>
        <script src="js/jquery.onvisible.min.js"></script>
        <script src="js/skel.min.js"></script>
        <script src="js/skel-layers.min.js"></script>
        <script src="js/init.js"></script>
        <script src="js/prefixfree.min.js"></script>
        <noscript>
        <link rel="stylesheet" href="css/skel.css" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/style-desktop.css" />
        <link rel="stylesheet" href="css/style-noscript.css" />

        </noscript>


    </head>
    <!-- END HEAD -->
    <!-- BEGIN BODY -->

    <body class="login">

        <!-- Header -->
        <div id="header">

            <!-- Inner -->
            <div class="inner">
                <header>
                    <h1><a href="index.html" id="logo">¿Qué hacemos hoy?</a></h1>
                </header>
            </div>

            <!-- Nav -->
            <nav id="nav">
                <ul>
                    <li><a href="index.html">Inicio</a></li>
                    <li>
                        <a>Categorias</a>
                        <ul>
                            <li><a href="#">Música</a></li>
                            <li><a href="#">Cultural</a></li>
                            <li><a href="#">Infantil</a></li>
                            <li><a href="#">Informativo</a></li>
                            <li><a href="#">Cine</a></li>
                            <li><a href="#">Teatro</a></li>
                            <li><a href="#">Fiesta</a></li>
                        </ul>
                    </li>
                    <li><a href="eventos.html">Buscar Evento</a></li>
                    <li><a href="#">Empresas</a>
                        <ul>
                            <li><a href="creaEmpresa.html">Registro Empresa</a></li>
                            <li><a href="creaEvento.html">Crear Evento</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="">Iniciar Sesi&oacute;n  &hellip;</a>
                        <ul>
                            <li><a href="#">Empresas</a></li>
                            <li><a href="#">Usuarios</a></li>

                        </ul>
                    </li>
                    <!--<li><a href="no-sidebar.html">No Sidebar</a></li>-->
                </ul>
            </nav>



            <!-- BEGIN LOGIN -->


            <!-- Codrops top bar -->

            <section>				
                <div id="container_demo" >
                    <!-- esto es lo hace que cambie   -->

                    <a class="hiddenanchor" id="toregister"></a>
                    <a class="hiddenanchor" id="tologin"></a>
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form  action="mysuperscript.php" autocomplete="on"> 
                                <h1>Ingresa</h1> 
                                <p> 
                                    <label for="username" class="uname" data-icon="u" >Tu email o usuario </label>
                                    <input id="username" name="username" required="required" type="text" placeholder="usuario o usuario@mail.com"/>
                                </p>
                                <p> 
                                    <label for="password" class="youpasswd" data-icon="p">Contraseña </label>
                                    <input id="password" name="password" required="required" type="password" placeholder="contraseña" /> 
                                </p>
                                <p class="keeplogin"> 
                                    <input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
                                    <label for="loginkeeping">No cerrar sesión</label>
                                </p>
                                <p class="login button"> 
                                    <input type="submit" value="Login" /> 
                                </p>
                                <p class="change_link">
                                    Aún no tienes cuenta ?
                                    <a href="#toregister" class="to_register">Únete</a>
                                </p>
                            </form>
                        </div>

                        <div id="register" class="animate form">
                            <form  action="mysuperscript.php" autocomplete="on"> 
                                <h1> Registrate </h1> 
                                <p> 
                                    <label for="usernamesignup" class="uname" data-icon="u">Usuario</label>
                                    <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="nombredeusuario" />
                                </p>
                                <p> 
                                    <label for="emailsignup" class="youmail" data-icon="e" > Email</label>
                                    <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="myemail@mail.com"/> 
                                </p>
                                <p> 
                                    <label for="passwordsignup" class="youpasswd" data-icon="p">Contraseña</label>
                                    <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="contraseña"/>
                                </p>
                                <p> 
                                    <label for="passwordsignup_confirm" class="youpasswd" data-icon="p">Confirma tu contraseña</label>
                                    <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="confirma contraseña"/>
                                </p>
                                <p class="signin button"> 
                                    <input type="submit" value="Registrar"/> 
                                </p>
                                <p class="change_link">  
                                    Ya tienes una cuenta ?
                                    <a href="#tologin" class="to_register"> Ingresa </a>
                                </p>
                            </form>
                        </div>

                    </div>
                </div>  
            </section>
        </div>
        <div id="footer">
            <div class="container">
                <div class="row">

                </div>
            </div>
        </div>

    </body>
</html>